<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="layui-v2.5.7/layui/css/layui.css">
    <link rel="stylesheet" href="css/后台用户.css">
    <script src="layui-v2.5.7/layui/layui.js"></script>
    <script src="jquery/jquery2.0/jquery-2.0.0.js"></script>
    <script src="js/后台用户.js"></script>
    <script src="data/data.js"></script>
</head>
<body>
    <div class="bg">
        <!-- 内容主体区域 -->
        <div class="main">
            <span style="cursor: pointer;">用户管理</span> / <span style="color: gray; cursor: pointer;" >后台用户</span>
            <br><br><br>
            <div class="white">
                <input class="inputSousuo" type="text" placeholder="按用户名搜索">
                <div class="buttonSousuo layui-bg-green" style="display: inline-block;width: 40px;height: 25px;line-height: 25px;text-align: center;"></div>
                <script>//此处向搜索框后面的div中加上一个html字段，该字段一个图标标签
                    $("input:eq(0) + div").html("<i class='layui-icon layui-icon-search' style=' color: white;'></i>  ")
                </script>
                <br><br>
                <div id='layerDemo'>
                    <input type="button" data-method='offset' data-type='auto' class="layui-btn  layui-btn-sm" value="新增" onclick="doAdd()">
                    <input type="button" class="layui-btn layui-btn-sm layui-btn-danger" value="删除全部" onclick="doDeleteAll()">
                </div>
                <div>
                    <table class="layui-table">
                        <colgroup>
                          <col width="150">
                          <col width="200">
                          <col>
                        </colgroup>
                        <thead>
                          <tr>
                            <th>用户ID</th>
                            <th>用户名</th>
                            <th>密码</th>
                            <th>手机号</th>
                            <th>操作</th>
                          </tr> 
                        </thead>
                        <tbody>
                        </tbody>
                      </table>
                </div>
                
            </div>
        </div>
    </div>
    <script>
        layui.use('layer', function(){//弹出层
        var element = layui.element;
        });
    </script>
</body>
</html>